import React from 'react'
import { Button, Space, Swiper, Toast } from "antd-mobile";
function Swipers() {
const colors = [
    "https://img2.baidu.com/it/u=1337130324,737404457&fm=253&fmt=auto&app=120&f=JPEG?w=508&h=500",
    "https://img2.baidu.com/it/u=955681286,2629070125&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
    "https://img2.baidu.com/it/u=3524183851,881310107&fm=253&fmt=auto&app=120&f=JPEG?w=502&h=500",
    "https://img1.baidu.com/it/u=4009709461,3177071451&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
  ];

  const items = colors.map((color, index) => (
    <Swiper.Item key={index}>
      <div style={{ width: "100%", height: "150px" }}>
        <img src={color} style={{ width: "100%", height: "150px" }} alt="" />
      </div>
    </Swiper.Item>
  ));

  return (
    <div>
      <Swiper loop autoplay>
        {items}
      </Swiper>
    </div>
  )
}

export default Swipers
